<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">

    <title>Eval</title>

    <style>
    .softkey {
        height: 1.5rem;
        width: 100%;
        background-color: grey;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .softkey-right {
        width: 33% ;
        float: right;
        justify-content: space-between;
        text-align: right;
    }
    .softkey-center {
        width: 34% ;
        float: center;
        justify-content: space-between;
        text-align: center;

    }
    .softkey-left {
        width: 33% ;
        float: left;
        justify-content: space-between;
        text-align: left;
    }
    #code {
        height: 15em;
        width: 100%;
        font-family: monospace;
    }

    </style>

    <!-- Inline scripts are forbidden in Firefox OS apps (CSP restrictions),
         so we use a script file. -->
    <script src="app.js" defer></script>

  </head>
  <body>
    <header style="text-align: center; height: 3em"><h1>Eval</h1></header>
    <textarea id="code" autofocus>document.write();</textarea>
    <footer class="softkey">
        <div class="softkey-left">EXE</div>
        <div class="softkey-center">ENTER</div>
        <div class="softkey-right"></div>
    </footer>
  </body>
</html>
